<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" type="text/css" href="css/help.css">
	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
	 <link rel="stylesheet" href="http://cache.amap.com/lbs/static/main1119.css"/>
	<style type="text/css">
		body{
			min-width: 1250px;
		}
	</style>
</head>
<body>
	<div class="nav">
		<div class="navs">
			<div class="nav-1">
				<p>
				<span><a style="color:#185;font-size: 14px" href="###">北京&nbsp;</a></span>
				<a id="city" href="###">[切换城市]</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="">同城帮首页</a>
				</p>
			</div>
			<div class="nav-2">
				<ul>
					<li><a class="deletes" href="###">登录</a></li>
					<li class="ssss"><a href="###">注册</a></li>
					<li><a href="###">我的订单</a></li>
					<li><a href="###">在线客服（9:00-21:00）</a></li>
					<li><a href="###">客户服务</a></li>
					<li><a href="###">论坛</a></li>
					<li><a style="color: red;border: none;" href="###">投诉建议</a></li>
				</ul>
			</div>
		</div>
		<div class="nav-3">
			<h3>城市列表<button id="nav-3-del">关闭 X</button></h3>
			<div class="nav-box">
				<div class="nav-wrap">
					<div class="nav-b1">
						<span>热门：</span>
					</div>
					<div class="nav-headss">
						<li>北京</li>
						<li>上海</li>
						<li>广州</li>
						<li>天津</li>
						<li>西安</li>
						<li>深圳</li>
						<li>武汉</li>
						<li>成都</li>
						<li>重庆</li>
						<li>南京</li>
						<li>沈阳</li>
						<li>杭州</li>
						<li>济南</li>
						<li>郑州</li>
						<li>青岛</li>
						<li>苏州</li>
					</div>
				</div>
				<div class="nav-wraps">
					<div class="nav-b2">
						<span>拼音：</span>
					</div>
					<div class="nav-AZ">
						<li>A</li>
						<li>B</li>
						<li>C</li>
						<li>D</li>
						<li>E</li>
						<li>F</li>
						<li>G</li>
						<li>H</li>
						<li>J</li>
						<li>K</li>
						<li>L</li>
						<li>M</li>
						<li>N</li>
						<li>P</li>
						<li>Q</li>
						<li>R</li>
						<li>S</li>
						<li>T</li>
						<li>W</li>
						<li>X</li>
						<li>Y</li>
						<li>Z</li>
					</div>
				</div>
				<div class="nav-city">
					
				</div>
			</div>
		</div>		
	</div>
	<div class="wrap">
		
	</div>
	<div class="load">
		<div class="logo">
			<div class="logo-1">
				<p style="margin-left: 94px;">欢迎登录360同城帮
					<span class="close"><span class="closes"><a class="delete" href="###">X</a></span></span>
				</p>
			</div>
		</div>
		<div class="line"></div>
		<div class="logo-content">
			<div class="logos">
				<p>账号：<input id="username" placeholder="手机号/用户名/邮箱" type="text"></p>
				<p>密码：<input id="pwd" placeholder="请输入您的密码" type="text"></p>
				<span>
					<input type="checkbox" name="">下次自动登录
				</span>
				<button class="div"></button>
				<p style="display: flex; border-bottom: 1px solid #ccc">
					<span style="color: #888;">其他账号登录：</span>
					<span>
						<img class="spans" src="img/1.jpg">
					</span>
				</p>
			</div>
			<p class="p1" align="center">
				<span><a style="color: #999"href="###">注册新账号</a></span>
				<span>|</span>
				<span><a style="color: skyblue" href="###">忘记密码？</a></span>
			</p>
		</div>
	</div>
	<!-- 内容开始 -->
	<div class="nav-head">
		<div class="nav-head-1">
			<div class="nav-head-logo"></div>
			<div class="nav-head-content">
				<ul>
					<li><a href="###">二手优品<span class="nav-head-logo-01"></span></a></li>
					<li><a href="###">手机回收</a></li>
					<li><a href="###">手机维修</a></li>
					<li><a href="###">电脑维修</a></li>
					<li><a href="###">以旧换新</a></li>
					<li><a href="###">手机租用</a></li>
				</ul>
			</div>
		</div>
	</div>
	<!-- 轮播图 -->
	<div id="slider">
		<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">

  <!-- Indicators -->
  <ol style="left: 95%;" class="carousel-indicators">
    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
  </ol>

  <!-- Wrapper for slides -->
  <div class="carousel-inner" role="listbox">
    <div class="item active">
      <img src="img/2.png" alt="...">
      <div class="carousel-caption">
       
      </div>
    </div>
    <div class="item">
      <img src="img/3.jpg" alt="...">
      <div class="carousel-caption">
       
      </div>
    </div>
    <div class="item">
      <img src="img/4.jpg" alt="...">
      <div class="carousel-caption">
      
      </div>
    </div>
   
  </div>

  <!-- Controls -->

   
    <span class="sr-only">Previous</span>
  </a>

    
    <span class="sr-only">Next</span>
  </a>
 				 <!----- 二级菜单 -->
  <div class="sld">
			<ul>
				<li id="v1"><a href="###">修手机/Pad</a></li>
				<li id="v2"><a href="###">修电脑</a></li>
				<li id="v3"><a href="###">卖手机/电脑</a></li>
				<li id="v4" style="border:none"><a href="###">买二手机</a></li>
			</ul>
		</div>

		<div class="sld-1">
			<table id="sld-y1">
				<tr>
					<td align="right" style="padding-right: 19px;">屏幕 &gt;</td>
					<td>屏碎，但显示正常</td>
					<td>屏幕不显示花屏</td>
					<td>屏幕触摸失灵</td>
					<td>Pad更换屏幕</td>
				</tr>
				<tr>
					<td align="right" style="padding-right: 19px;">电池/充电/开机&gt;</td>
					<td>电池问题</td>
					<td>不开机</td>
					<td>充电连接问题</td>
				</tr>
				<tr>
					<td align="right" style="padding-right: 19px;">按键&gt;</td>
					<td>开关机失灵</td>
					<td>不开机</td>
					<td>Home键失灵</td>
					<td>音量键失灵</td>
				</tr>
				<tr>
					<td align="right" style="padding-right: 19px;">声音/震动&gt;</td>
					<td>听筒问题</td>
					<td>麦克风问题</td>
					<td>外放扬声器问题</td>
					<td>耳机插口故障</td>
					<td>震动功能失效</td>
				</tr>
				<tr>
					<td align="right" style="padding-right: 19px;">拍照/录像&gt;</td>
					<td style="padding-right: 15px;">后摄像头无法拍照</td>
					<td>前摄像头拍照故障</td>
				</tr>
				<tr>
					<td align="right" style="padding-right: 19px;">外壳/边框&gt;</td>
					<td>中框变形</td>
					<td>手机换彩壳</td>
				</tr>
				<tr>
					<td align="right" style="padding-right: 19px;">进水入液/主板故障&gt;</td>
					<td>进水入液</td>
					<td>手机主板故障</td>
				</tr>
				<tr>
					<td align="right" style="padding-right: 19px;">其他故障&gt;</td>
					<td>软件升级/刷机</td>
					<td>WiFi功能故障</td>
				</tr>
				<tr>
					<td align="right" style="padding-right: 19px;">个性化服务&gt;</td>
					<td>点亮iPhone logo</td>
					<td>蓝光护眼钢化膜</td>
					<td style="padding-right: 19px;">极透高清钢化膜</td>
					<td style="padding-right: 19px;">爱肌深度清洁</td>
					<td>手机换彩壳</td>
				</tr>
			</table>
			<div id="sld-y2">
				<ul>
					<li style="border:none">热门问题：</li>
					<li>系统重装</li>
					<li>电脑清灰</li>
					<li>VR移机/安装</li>
					<li>系统故障修复</li>
				</ul>
				<ul id="y2">
					<li>驱动安装</li>
					<li>游戏加速</li>
				</ul>
				<ul>
					<li style="border:none">其他问题：</li>
					<li style="margin-bottom: 10px;">开机加速</li>
					<li style="margin-bottom: 10px;">网速优化</li>
					<li style="margin-bottom: 10px;">蓝屏死机</li>
					<li style="margin-bottom: 10px;">电脑没声音</li>
					<li style="margin-left: 17%;">路由器调式</li>
					<li>无法上网</li>
					<li>家庭局域网</li>
					<li>更换风扇</li> 
				</ul>
				<ul id="y3">
					<li>病毒查杀</li>
				</ul>
			</div>
			<div id="sld-y3">
					<li>苹果</li>
					<li>三星</li>
					<li>小米</li>
					<li>华为</li>
					<li>VIVO</li>
					<li>OPPO</li>
					<li>HTC</li>
					<li>魅族</li>
					<li>索尼</li>
					<li>联想</li>
					<li>中兴</li>
					<li>乐视</li>
					<li>LG</li>
					<li>黑莓</li>
					<li>美图秀秀</li>
					<li>360手机</li>
					<li>锤子</li>
					<li>酷派</li>
					<li>朵唯</li>
					<li>诺基亚</li>
					<li>TCL</li>
					<li>PPTV</li>
					<li>小辣椒</li>
					<li>金立</li>
					<li>摩托罗拉</li>
					<li>微软</li>
					<li>一加</li>
					<li>先锋</li>
			</div>
			<div id="sld-y4">
				<li>三星</li>
				<li>苹果</li>
				<li>小米</li>
				<li>华为</li>
				<li>HTC</li>
				<li>诺基亚</li>
				<li>酷派</li>
				<li>索尼</li>
				<li>魅族</li>
				<li>金立</li>
				<li>努比亚</li>
				<li>一加</li>
				<li>锤子</li>
				<li>vivo</li>
				<li>oppo</li>
				<li>乐视</li>
				<li>360手机</li>
				<li>美图秀秀</li>
				<li>微软</li>
				<li>戴尔</li>
				<li>同城帮定制</li>
				<li>卡西欧</li>
			</div>
		</div>
</div>
	</div>
	<!-- 手机更新 -->
	<div class="wrap-1">
		<div class="wrap-1-content">
			<div><img src="https://p.ssl.qhimg.com/t01aad5c130b8653368.jpg"></div>
			<div><img src="https://p.ssl.qhimg.com/t01dc8f9631026e7e17.jpg"></div>
			<div><img src="https://p.ssl.qhimg.com/t013b648422d14559d0.png"></div>
			<div><img src="https://p.ssl.qhimg.com/t01fc1fd0e5522663ba.jpg"></div>
		</div>
	</div>
	<!-- 热门手机回收 -->
	<div class="hot-content">
		<h2 class="h2s">	
			热门手机回收<span><a href="###">查看更多&gt;</a></span>
		</h2>
		<div class="hot-1">
			<div class="hot-2">
				<img src="https://p.ssl.qhimg.com/t01a10599c63e402740.png">
			</div>
			<div class="hot-3">
				<li>
					<p><img src="https://p.ssl.qhimg.com/t01068fe5e76aa7e910.jpg"><br><span>苹果iPhone 6</span></p>
				</li>
				<li>
					<p><img src="https://p.ssl.qhimg.com/t01ddf19cbaa3a791b7.jpg"><br><span>苹果iPhone 5s</span></p>
				</li>
				<li>
					<p><img src="https://p.ssl.qhimg.com/t0154d371a550ee894f.jpg"><br><span>小米 M4</span></p>
				</li>
				<li>
					<p><img src="https://p.ssl.qhimg.com/t01078047308a85471c.jpg"><br><span>华为 Mate 7</span></p>
				</li>
				<li>
					<p><img src="https://p.ssl.qhimg.com/t0127e99c045a53e82e.jpg"><br><span>魅族 MX5</span></p>
				</li>
			</div>
		</div>
		<h2 class="h2s">	
			优选精品<span><a href="###">查看更多&gt;</a></span>
		</h2>
		<div class="hot-1">
			<div class="hot-2">
				<img src="https://p.ssl.qhimg.com/t0181716474f1ff8f12.png">
			</div>
			<div class="hot-3">
				<li>
					<p><img src="http://p0.qhmsg.com/t01a7d3f032b9b375d2.jpg"><br><span>三星 GALAXY J5（J5008/移动4G）</span></p>
				</li>
				<li>
					<p><img src="http://p0.qhmsg.com/t01647590dae49302bf.jpg"><br><span>华为 Mate 8</span></p>
				</li>
				<li>
					<p><img src="http://p0.qhmsg.com/t01abfd5e49e1771668.jpg"><br><span>小米 小米5S</span></p>
				</li>
				<li>
					<p><img src="http://p0.qhmsg.com/t01418f8d92eee31997.jpg"><br><span>苹果 iPhone 5S</span></p>
				</li>
				<li>
					<p><img src="http://p0.qhmsg.com/t013795b68ca0f3cf7f.jpg"><br><span>苹果 iPhone 6</span></p>
				</li>
			</div>
		</div>
	</div>

	<!-- hot delete -->
	<div class="hot-delete">
		<h2 class="h2s">到店维修<span></span></h2>
	</div>

	<div class="hot-delete-div">
		<div class="hot-div1">
			<div class="hot-div2">
				<span>北京</span>
	<!-- ---------------------需要一个点击事件 -->
				<span class="hot-div2-down"></span>

			</div>
			<div class="hot-div2">
				<span>选择区县</span>
	<!-- ---------------------需要一个点击事件 -->
				<span class="hot-div2-down"></span>

			</div>
			<div class="hot-div2 hot-content-box">
				<input placeholder="输入您的位置查找附近商家" type="text" name="">
				<span class="hot-search">
					搜索	
				</span>
			</div>
		</div>
		<!-- ----------------------  谷歌map -->
		<div id="map">
			<div><p>地图模式<span id="map-del"><a href="###">X</a></span></p></div>
			<div id="container" style="top: 30px;"></div>
		</div>
	</div>
	
	<!-- shop  -->
	<div class="shop">
		<div class="shop-box">
			<div class="shop-box-list">
				<h3>商家好评榜</h3>
				<!-- ------------------------ -->
				<!-- <div class="hot-list">
					<div class="number">①</div>
					<div style="height: 92px">
						<img src="http://p7.qhimg.com/edr/140__140/ss/30_105/t01ac02fad9b0458ec4.jpg">
					</div>
					<div class="hot-list-content">
						<p class="hop-p1">百佳电脑维修</p>
						<p>121683条评论</p>
					</div>
				</div> -->
			</div>
			<!-- shop 左边店铺部分 -->
			<div class="shop-left">
				<div class="shop-list">
					<ul>
						<li>默认排序</li>
						<li>按成交量</li>
						<li>按人气</li>
						<li><input type="checkbox" name="">先行赔付</li>
					<div class="shop-marp">
						地图模式
					</div>
					</ul>	
				</div>
				<!-- 店铺内容 -->
				<!-- <div class="shop-1">
				<div class="shop-init">
					<p>进入店铺</p>
				</div>
				<div class="shop-a1">
					<img src="http://p9.qhimg.com/edr/140__140/ss/30_105/t017106a8e035ee20cd.jpg">
					<p>
						<span>顺通电脑维修</span> 店铺等级：<a href="###">
							<span></span>
							<span></span>
						</a>
					</p>
					<p>
						<span>主营：电脑维修，电脑周边配件，系统维护，网络安装...</span>
						</a>
					</p>
					<p>
						<span>地址：北京通州区瑞都国际南区12号楼底商12-2</span>

					</p>
					</div>
					<div class="shop-a2">
						<p><span class="backs">
						先行赔付</span></p>
						<p><span class="backs">
						先行赔付</span></p>
						<p class="shop-p1">人气：119910次浏览
						</p>
					</div>
				</div> -->
			</div>
		</div>
	</div>
	<!-- -------------- -->
	<div class="font-list">
		<ul class="font-list-content">
			
		</ul>
	</div>
	<div class="doc-foot">
		<div class="foot-1">
			<div class="a1">
				<span class="s"></span>
				<h3>购物指南</h3>
				<p align="right">购物流程</p>
				<p align="right">用户手册</p>
				<p align="right">帮助文档</p>
			</div>
			<div class="a1">
				<span class="s1"></span>
				<h3>支付方式</h3>
				<p align="right">在线支付</p>
				<p align="right">当面付款</p>
			</div>
			<div class="a1">
				<span class="s2"></span>
				<h3>售后服务</h3>
				<p align="right">投诉建议</p>
			</div>
			<div class="a1">
				<span class="s3"></span>
				<h3>特色保障</h3>
				<p align="right">360担保支付</p>
			</div>
			<div class="a1">
				<span class="s4"></span>
				<h3>商家合作</h3>
				<p align="right"><a class="color:#239bf8">加盟同城帮</a></p>
				<p align="right">新闻采访/跨界合作</p>
			</div>
		</div>
		<p style="margin-top: 30px;" align="center">客服电话：4000-399-360 / 010-53767360 <span class="ps" style="padding-left: 26px;">投诉建议</span> <span class="ps">网站地图</span></p>
		<p align="center">Copyright © 2005-2017  360.CN  All Rights Reserved  360安全中心</p>
		<p align="center">京ICP备08010314号-19    京公网安备110000000006号</p>
	</div>


				<!-- 注册页面 -->
	<div class="login">
		<div class="logo-1">
			<p style="margin-left: 94px;">欢迎登录360同城帮
				<span class="close"><span class="closes"><a id="del" class="delete" href="###">X</a></span></span>
			</p>
		</div>
		<div class="login-a1">
			<table>
				<tr>
					<td>邮箱</td>
					<td><input  id="a1" type="text" name=""></td>
				</tr>
				<tr>
					<td>密码	</td>
					<td><input id="a2" type="text" name=""></td>
				</tr>
				<tr>
					<td>确认密码</td>
					<td><input id="a3" type="text" name=""></td>
				</tr>
				<tr>
					<td align="right" colspan="2"><button id="div"></button></td>
				</tr>
			</table>
		</div>
	</div>
	<!-- 侧边导航栏 -->
	<div id="refer">
		
	</div>
</body>
<script type="text/javascript" src="jq/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
    <script src="http://cache.amap.com/lbs/static/es5.min.js"></script>
    <script src="http://webapi.amap.com/maps?v=1.3&key=您申请的key值"></script>
    <script type="text/javascript" src="http://cache.amap.com/lbs/static/addToolbar.js"></script>
<script type="text/javascript">
	$(".delete").on("click",function(){
		$(".load,.wrap").css("display","none")
	})
	$(".wrap").on("click",function(){
		$(".load,.login,.wrap,#map").css("display","none")
	})
	$(".deletes").on("click",function(){
		$(".load,.wrap").css("display","block")
	})
	$(".ssss").on("click",function(){
		$(".login,.wrap").css("display","block")
	})
	$("#del").on("click",function(){
		$(".login").css("display","none")
	})
	$(".shop-1").on("mouseover",function(){
		$(".shop-init").css("display","block")
		$(".shop-1").css("background","#f7f7f7")
	})
	$(".shop-1").on("mouseout",function(){
		$(".shop-init").css("display","none")
		$(".shop-1").css("background","white")
	})
	var arr=["#sld-y1","#sld-y2","#sld-y3","#sld-y4"]
	var arr1=["#v1","#v2","#v3","#v4"]
	for (var i = 0; i < arr1.length; i++) {
		(function(num){
			$(arr1[i]).on("mouseover",function(){
				$(".sld-1").css("display","block")
				$(arr[num]).css("display","block").siblings().css("display","none")
			})
		})(i)
	}
	$(".sld-1").on("mouseleave",function(){
		$(".sld-1").css("display","none")
	})
	$(".shop-marp").on("click",function(){
		$("#map,.wrap").css("display","block")
	})
	$("#map-del").on("click",function(){
		$("#map,.wrap").css("display","none")
	})

	// map  地图组件
	var map = new AMap.Map('container', {
    resizeEnable: true,
    	zoom:11,
    	center: [116.397428, 39.90923]
  	});
  	$.getJSON("http://localhost:23333/json/dianpu"+3+".json",function(data){
  		for (var i = 0; i < data.shop_data.length; i++) {
  			$("<div class='hot-list'><div class='number'>"+i+"</div><div class='hei'><img src="+data.shop_data[i].shop_ico+"></div><div class='hot-list-content'><p class='hop-p1'>"+data.shop_data[i].shop_name+"</p><p>"+data.shop_data[i].shop_visit+"条评论"+"</p></div></div>").appendTo($(".shop-box-list"))

  			$("<div class='shop-1'><div class='shop-init'><p>进入店铺</p></div><div class='shop-a1'><img src="+data.shop_data[i].shop_ico+"><p><span>"+data.shop_data[i].shop_name+"</span>"+" 店铺等级："+"<span></span><span></span></p><p><span>"+data.shop_data[i].main+"</span></p><p><span>"+data.shop_data[i].addr_detail+"</span></p></div><div class='shop-a2'><p><span class='backs'>"+"先行赔付"+"</span></p><p><span class='backs'>"+"同城帮验证"+"</span></p><p class='shop-p1'>"+"人气："+data.shop_data[i].shop_visit+"次浏览"+"</p></div></div>").appendTo($(".shop-left"))

  			$("<li>"+(i+1)+"</li>").appendTo($(".font-list-content"))
  		}
  		$(".font-list-content li").on("click",function(e){
  				$(".shop-left").children("div:gt(0)").remove()
  				 $(this).css("background","orange").siblings().css("background","white")
  				 $.getJSON("http://localhost:23333/json/dianpu"+$(this).html()+".json",function(data){
  				 for (var i = 0; i < data.shop_data.length; i++) {
  				 	$("<div class='shop-1'><div class='shop-init'><p>进入店铺</p></div><div class='shop-a1'><img src="+data.shop_data[i].shop_ico+"><p><span>"+data.shop_data[i].shop_name+"</span>"+" 店铺等级："+"<span></span><span></span></p><p><span>"+data.shop_data[i].main+"</span></p><p><span>"+data.shop_data[i].addr_detail+"</span></p></div><div class='shop-a2'><p><span class='backs'>"+"先行赔付"+"</span></p><p><span class='backs'>"+"同城帮验证"+"</span></p><p class='shop-p1'>"+"人气："+data.shop_data[i].shop_visit+"次浏览"+"</p></div></div>").appendTo($(".shop-left"))
  				 	$(".shop-1").on("mouseover",function(){
  				$(this).css("background","#f7f7f7")
  				$(this).children("div").eq(0).show()
  			})
  		$(".shop-1").on("mouseout",function(){
  				$(this).css("background","")
  				$(this).children("div").eq(0).hide()
  			})
  					 }
  				 })
  			})
  		$(".shop-1").on("mouseover",function(){
  				$(this).css("background","#f7f7f7")
  				$(this).children("div").eq(0).show()
  			})
  		$(".shop-1").on("mouseout",function(){
  				$(this).css("background","")
  				$(this).children("div").eq(0).hide()
  			})
  	})

  	$("#slider").on("mouseleave",function(){
  		$(".sld-1").css("display","none")
  	})
  	var n1=null
  	var n2=null
  	$("#div").on("click",function(){
  		if ($("#a1").val()=="") {
  			alert("用户名不得为空")
  			return false
  		}
  		$.post("http://localhost:23333",{username:$("#a1").val(),pwd:$("#a2").val()},function(data){
  			console.log(data)
  			n1=data[0].username
  			n2=data[0].pwd
  		})
  		$(".wrap,.login").css("display","none")
  	})
  	$(".div").on("click",function(){
  		if ($("#username").val()==n1&&$("#pwd").val()==n2) {
  			$(".wrap,.load").css("display","none")
  		}
  	})
  	$(".nav-AZ li").on("click",function(){
  			$(".nav-city").children("li").remove()
  			var asd=$(this).html()
  				$.get("http://localhost:23333/json/chengshi.json",function(data){
  				for (var i = 0; i < data.result.citylist[asd].length; i++) {
  					$("<li>"+data.result.citylist[asd][i].name+"<li>").appendTo($(".nav-city"))
  					}
  				})
  		$(this).css("color","orange").siblings().css("color","black")
  	})
  	$("#city").on("click",function(){
  		$(".nav-3").css("display","block")
  	})
  	$("#nav-3-del").on("click",function(){
  		$(".nav-3").css("display","none")
  	})
  	$.get("http://localhost:23333/json/chengshi.json",function(data){
  		for (var i = 0; i < data.result.citylist.A.length; i++) {
  			$("<li>"+data.result.citylist.A[i].name+"</li>").appendTo($(".nav-city"))
  		}
  	})
</script>			
</html>